@charset "utf-8";
/* CSS reset for c_b*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

    table th, table td {
        padding: 5px;
    }

fieldset, img {
    border: 0;
}

address, caption, cite, code, dfn, em, i, th, var {
    font-style: normal;
    font-weight: normal;
}

ol, ul {
    list-style: none;
}

ception, th {
    text-align: left;
}

q:before, q:after {
    content: '';
}

abbr, acronym {
    border: 0;
}

a {
    color: #333;
    text-decoration: none;
    transition:color .2s linear;
}
/*for ie f6n.net*/
a:focus {
    outline: none;
}
/*for ff f6n.net*/
a:hover {
    text-decoration: none;
}
/*定位*/
.tl {
    text-align: left;
}

.tc {
    text-align: center;
}

.tr {
    text-align: right;
}

.bc {
    margin-left: auto;
    margin-right: auto;
}

.fl {
    float: left;
    display: inline;
}

.fr {
    float: right;
    display: inline;
}

.zoom {
    zoom: 1
}

.hidden {
    visibility: hidden;
}

.vam {
    vertical-align: middle;
}

.clear {
    clear: both;
    height: 0;
    line-height: 0;
    font-size: 0;
}

.cl{
    clear: both;
    height: 0;
    line-height: 0;
    font-size: 0;
}

p {
    word-spacing: -1.5px;
}

li {
    list-style: none;
}

-moz-box-sizing:content-box;
-webkit-box-sizing:content-box;
box-sizing:content-box;
/*其他*/
.cur {
    cursor: pointer
}
/*原reset*/
sup {
    vertical-align: baseline;
}

sub {
    vertical-align: baseline;
}

input, button, textarea, select, optgroup, option {
    font-family: inherit;
    font-size: inherit;
    outline: none;
    font-style: inherit;
    font-weight: inherit;
}

input, button, textarea, select {
    *font-size: 100%;
}

input, select {
    vertical-align: middle;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
}  

body {
    font: 14px/1.231 arial,helvetica,clean,sans-serif,"Microsoft YaHei"; min-width:1200px;
}

select, input, button, textarea, button {
    font: 99% arial,helvetica,clean,sans-serif;
}

table {
    font-size: 14px;
    width: 100%;
    border-collapse: collapse;
}

pre, code, kbd, samp, tt {
    font-family: monospace;
    *font-size: 108%;
    line-height: 100%;
}
/*title*/
h1 {
    font-size: 32px;
}

h2 {
    font-size: 26px;
}

h3 {
    font-size: 20px;
}

h4 {
    font-size: 14px;
}

h5 {
    font-size: 12px;
}

h6 {
    font-size: 10px;
}
/*清除浮动*/
.clearfix:after {
    content: '';
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.clearfix {
    /*兼容 IE*/
    zoom: 1;
}
/*end reset*/
body {
    background: #fff;
}

.content, .container {
    margin-left: auto;
    margin-right: auto;
    width: 1200px;
}

/* tanchuang1 提交弹窗*/
  .tanchuang1 {
  width:100%;
  position: fixed;
  top: 0;
  left: 0;
  background: url(../images/tanchuangBg.png);
  height:100%;
  z-index:9999999;
}
.tanchuang1 .conBox {
  width: 400px;
  height: 212px;
  padding: 20px;
  background: #fff;
  position: absolute;
  left: 50%;
  margin-left: -220px;
  top: 50%;
  margin-top: -80px;
  z-index:9999999;
}
.tanchuang1 .conBox .tcClose {
  width: 33px;
  height: 90px;
  position: absolute;
  right: 45px;
  top: -90px;
  cursor: pointer;
  z-index:999999999999999;
}
.tanchuang1 .conBox .box {
  width: 398px;
  height: 190px;
  border: 1px solid #e5e5e5;
  padding-top: 20px;
  text-align: center;
  position: relative;
}
.tanchuang1 .conBox .box img {
  display: block;
  width: 47px;
  height: 47px;
  margin: 0 auto;
}
.tanchuang1 .conBox .box h5 {
  font-size: 24px;
  color: #3e4d8e;
  font-weight: bold;
  margin-top: 10px;
}
.tanchuang1 .conBox .box p {
  font-size: 16px;
  color: #4d4d4d;
  margin-top: 10px;
}
.tanchuang1 .conBox .box .b15 {
  display: block;
  width: 150px;
  height: 52px;
  line-height: 52px;
  text-align: center;
  font-size: 18px;
  color: #fff;
  position: absolute;
  bottom: -1px;
  left: 50%;
  margin-left: -75px;
  background: #3e4d8e;
  text-decoration: none;
  z-index:999999999999999;
  border:0px;
}
.tanchuang2 .conBox .box a {
  background: #404040;
}

/*------------------------------------  新加入的代码放在下面  ---------------------------------------------*/

/*关闭网站*/
.y-close-page {
    width:100%;
    height:100%;
    position:fixed;
    left:0;
    top:0;
    z-index:99999;
    background-color:#333;
}
.y-dialog-cont {
    width:360px;
    height:160px;
    background-color:#fff;
    margin:8% auto 0;
    border-radius:10px;
    text-align:center;
    color: #666;
}
.y-dialog-cont p{
    padding-top:10%;
    font-size:18px;
}
.y-dialog-cont a{
   display:block;
   width:70px;
   height:36px;
   line-height:36px; 
   color:#fff; 
   border-radius:5px; 
   margin:36px auto 0; 
   text-decoration:none;
   background:#3e4d8e;
}

/* 
    author:PengJin;
    date:2019-05-09;
*/


@font-face {
  font-family: "DIN Medium";
  src: url("../font/DIN Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
    
    src:url("../font/Geometric 415 Black BT.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

/*--public--*/
.wrapper{margin:0 auto;width:1200px;}
.wrap-title{position:relative;z-index:999;padding-bottom:39px;text-align:center;color:#333;overflow:hidden;}
.wrap-title h3{display:inline-block;position:relative;padding:0 35px;height:48px;line-height:48px;font-size:40px; font-weight:bold; color:#333;}
.wrap-title h3:after,.wrap-title h3:before{display:block;position:absolute;width:882px;height:23px;content:"";}
.wrap-title h3:after{bottom:0;right:100%;background:url(../images/title_l.png) no-repeat;}
.wrap-title h3:before{top:0;left:100%;background:url(../images/title_r.png) no-repeat;}
.wrap-title h3 a{color:#333;transition:all 0.5s linear;}
.wrap-title h3 a:hover{color:#3e4d8e;}
.wrap-title p{height:30px;line-height:30px;font-size:18px;color:#999; text-transform: uppercase;}
.wrap-title em{display:block;height:22px;line-height:22px;font-size:18px;color:#999;text-transform:uppercase;}
.wrap-title.white *{color:#fff;}
.wrap-title.white h3:after{background-image:url(../images/title_l_white.png)}
.wrap-title.white h3:before{background-image:url(../images/title_r_white.png)}
.wrap-title.white h3 a:hover{color:#fff;}
/*--end public--*/

/*按钮动画*/
.btn-wave{position: relative;-webkit-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);overflow:hidden;}
.btn-wave:before{content: '';display: block;width: 120%;height: 0;padding: 60% 0;background-color:#114c8f;border-radius: 50%;position: absolute;left: -10%;top: 50%;-webkit-transform: translateY(-50%) scale(0);transform: translateY(-50%) scale(0);z-index: -1;}
.btn-wave:hover:before{-webkit-animation: btnWave 2s ease;animation: btnWave 2s ease infinite;-webkit-animation-fill-mode: forwards;-o-animation-fill-mode: forwards;animation-fill-mode: forwards;}
@-webkit-keyframes btnWave{0%{-webkit-transform: translateY(-50%) scale(0);transform: translateY(-50%) scale(0);}50%{opacity: 1;}100%{opacity: 0;-webkit-transform: translateY(-50%) scale(1);transform: translateY(-50%) scale(1);}}
@keyframes btnWave{0%{-webkit-transform: translateY(-50%) scale(0);transform: translateY(-50%) scale(0);}50%{opacity: 1;}100%{opacity: 0;-webkit-transform: translateY(-50%) scale(1);transform: translateY(-50%) scale(1);}}
/*end 按钮动画*/

/*-- header --*/
.header{position:relative;z-index:999;padding:0 2%;width:96%;height:126px;background:#fff;}
.head-logo{float:left; padding:29px 0; width: 190px;}
.head-logo img{display:block;}
.head-slogan{float:left;padding:40px 0 40px 20px; height:46px;line-height:23px;color:#333; border-left:#ddd solid 1px;}
.head-slogan span{display:block;font-size:16px;letter-spacing:.5px;}
.head-slogan h3{font-size:19px;}
.head-tel{float:right;padding:40px 0 40px 60px;height:46px;line-height:46px;font-size:16px;color:#333;border-left:#e8e8e8 solid 1px;background:url(../images/tel_icon.png) no-repeat 25px 52%;}
.head-tel em{position:relative;top:2px; font-size:20px;font-family:"DIN Medium";  color: #3e4d8e;}
.search-icon{float:right;padding:40px 5px;width:46px;height:46px;cursor:pointer;background:url(../images/search_icon.png) no-repeat center;}
.search-icon:hover{background-color:#3e4d8e;background-image:url(../images/search_icon_white.png);}
.head-nav{ float:right;}
.nav-list li{position:relative;float:left;padding:40px 0;height:46px;line-height:46px;}
.nav-list li>a{display:block;padding: 0 10px;font-size:16px;color:#333;}
.nav-list li:hover>a,.nav-list li.cur>a{font-weight:bold;color:#3e4d8e;background:url(../images/hover.png) no-repeat center bottom;}
.dropDown{display:none;position:absolute;left:50%;top:100px;margin-left: -66px;width:130px;background: #3e4d8e;background:rgba(62,77,142,0.95);border:#3e4d8e solid 1px;border-radius:5px;overflow:hidden;}
.dropDown a{display:block;padding: 0 15px;height:45px;line-height:45px;font-size:14px;color: #fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:25px;transition:border-radius 0.5s linear;}
.dropDown a:before{position:relative;top:-2px;display:inline-block;margin-right:10px;width:4px;height:4px;content:"";background:#fff;border-radius:5px;}
.dropDown a:hover{color:#3e4d8e;background-color:#fff;background-color:rgba(255,255,255,0.95);border-radius:0;}
.dropDown a:hover:before{background:#3e4d8e;}
@media screen and (max-width: 1800px){
.head-tel span{display:none;}
.nav-list li>a{padding:0 11px;}
}
@media screen and (max-width: 1600px){
.head-slogan{display:none;}
.head-tel span{display:none;}
.nav-list li>a{padding:0 20px;}
}
@media screen and (max-width: 1520px){
.nav-list li>a{padding:0 11px;}
}
@media screen and (max-width: 1440px){
.nav-list li>a{padding:0 11px;}
}
@media screen and (max-width: 1300px){
.head-tel{display:none;}
}
/*-- end header --*/

/*--search-pop--*/
.search-pop{display:none;position:fixed;z-index:9999;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);}
.search-wrap{position:absolute;top:0;left:0;padding:30px 0;width:100%;height:50px;background:#121010;}
.search-form{position:relative;margin:0 auto;padding:0 40px;width:820px;height:50px;overflow:hidden;background:url(../images/search_btn_white.png) no-repeat 0 center;}
.search-form input{display:block;padding:0 10px;width:100%;height:50px;line-height:50px;font-size:16px;color:#fff;font-family:"Akzidenz Grotesk-Medium";border:none;box-sizing:border-box;background:transparent;}
.search-form input::-webkit-input-placeholder{color:#999;font-weight:bold;}
.search-word{position:absolute;z-index:999;top:100%;left:50%;top:100%;margin-left:-400px;padding:20px;width:760px;height:200px;overflow:hidden;background:#fff;}
.search-word a{display:block;padding:0 20px;height:40px;line-height:40px;font-size:16px;font-family:"Akzidenz Grotesk-Medium";}
.search-word a:hover{color:#ff0000;background:#eee;}
.search-wrap .closeBtn{position:absolute;top:5px;right:0;width:40px;height:40px;cursor:pointer;background:#fff url(../images/closeBtn.png) no-repeat center;border-radius:50%;transition:all 0.5s;}
.search-wrap .closeBtn:hover{transform:rotate(180deg);}
/*--end search-pop--*/

/*-- footer --*/
.footer{background:#151515;}
.flinks{/*display:none;*/padding-top:40px;height:30px;line-height:30px;font-size:14px;color:#666;overflow:hidden;}
.flinks .addlink{float:right;color:#666;}
.flinks .addlink:hover{color:#fff;}
.flinks dl{overflow:hidden;}
.flinks dt{float:left; font-size:16px; font-weight:bold;}
.flinks dd{overflow:hidden;}
.flinks dd a{display:inline-block;padding:0 10px;color:#666;}
.flinks dd a:hover{color:#fff;}
.ft-inner{padding:50px 0;margin:0 auto;width:1200px;overflow:hidden;}
.ft-menu{float:left;overflow:hidden;}
.ft-menu dl{float:left;padding-left:48px;width:168px;height:246px;background:url(../images/ft_menu.png) no-repeat 0 5px;}
.ft-menu dt{height:33px;line-height:33px;font-size:20px;}
.ft-menu dt a{color:#fff;}
.ft-menu dt a:hover{text-shadow:0 0 1px #fff;font-weight:bold;}
.ft-menu dd{padding-top:15px;overflow:hidden;}
.ft-menu dd a{display:block;height:30px;line-height:30px;font-size:14px;color:#999;}
.ft-menu dd a:hover{color:#fff;}
.ft-QRcde{ float:right; margin-left:22px;padding:8px;background:#fff;}
.ft-QRcde img{display:block;width:130px;height:130px;}
.ft-QRcde p{height:30px;line-height:30px;text-align:center;font-size:14px;color:#333;}
.ft-info{float:right;width:390px;overflow:hidden;}
.ft-info dl{float:left;margin-bottom:20px;width:195px;height:64px;}
.ft-info dt i{display:block;width:20px;height:20px;}
.ft-info dt span{display:block;padding-top:5px;font-size:14px;color:#999;}
.ft-info dd{font-size:18px;color:#fff;}
.copyright{height:53px;line-height:53px;font-size:14px;color:#666;border-top:#3c3c3c dashed 1px;}
.copyright a{color:#666;}
.copyright a:hover{text-decoration:underline;}
.copyright .fr{padding-left:25px;background:url(../images/address.png) no-repeat 0 center;}
/*-- end footer --*/

/* 客服样式*/
.y-kefu-box { position: fixed; right: 0; top: 20%; z-index: 9999; font-size: 13px;}
.y-kefu-box img { display: block; width: 100%; height: auto; }
.y-kefu-box01 .icon { display: block; background: url(../images/icons01.png) no-repeat; margin: 0 auto 6px;}
.y-kefu-box01 { width: 54px; color: #666; text-align: center; }
.y-kefu-box01 .kf-close-btn { width: 27px; height: 27px; background-position: -5px -115px; position: relative; cursor: pointer;}
.y-kefu-box01 .kf-close-btn:before { content: ''; display: block; width: 1px; height: 12px; background-color: #3e4d8e; position: absolute; bottom: -12px; left: 13px; z-index: 1; }
.y-kefu-box01 .show-status>a, .y-kefu-box01 .show-status>div { display: block; width: 52px; padding: 8px 0 12px; background-color: #fff; border-left: solid 1px #efefef; border-top: solid 1px #efefef; border-right: solid 1px #efefef; position: relative;}
.y-kefu-box01 .show-status { position: relative; }
.y-kefu-box01 .show-status .kf-zixun { background-color: #3e4d8e; border-color: #3e4d8e; color: #fff; margin: 10px 0 7px;}
.y-kefu-box01 .kf-zixun { border-radius: 2px; }
.y-kefu-box01 .kf-zixun i { width: 21px; height: 22px; background-position: -5px -5px; }
.y-kefu-box01 .kf-mobile { border-top-left-radius: 2px; border-top-right-radius: 2px; }
.y-kefu-box01 .kf-mobile>i { width: 18px; height: 18px; background-position: -5px -32px; }
.y-kefu-box01 .kf-mobile:hover>i { background-position: -30px -32px; }
.y-kefu-box01 .kf-weChat>i { width: 22px; height: 19px; background-position: -5px -55px; }
.y-kefu-box01 .kf-weChat:hover>i {background-position: -30px -55px; }
.y-kefu-box01 .kf-email { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; }
.y-kefu-box01 .kf-email>i { width: 18px; height: 14px; background-position: -5px -80px; }
.y-kefu-box01 .kf-email:hover>i { background-position: -30px -80px; }
.y-kefu-box01 .back-top i { width: 13px; height: 11px; background-position: -5px -98px; }
.y-kefu-box01 .back-top:hover i { background-position: -30px -98px; }
.y-kefu-box01 .kf-email, .y-kefu-box01 .back-top  { border-bottom: solid 1px #efefef;}
.y-kefu-box01 .back-top { margin-top: 20px; border-radius: 2px; left: 55px;}
.y-kefu-box01 .hver:hover { background-color: #3e4d8e; border-color: #3e4d8e;}
.y-kefu-box01 .hver:hover>p { color: #fff; }

.y-kefu-box01 .mobile-infos, .y-kefu-box01 .y-ewm-box, .y-kefu-box01 .y-email-infos { background-color: #fff; border: solid 1px #efefef; position: absolute; right: 90px; z-index: 2; border-radius: 2px; display: none;} 
/*咨询热线*/
.y-kefu-box01 .mobile-infos { width: 260px; text-align: left; top: 0;}
.y-kefu-box01 .mobile-infos>div { padding: 20px 0 20px 45px; position: relative; }
.y-kefu-box01 .mobile-infos>div i { width: 15px; height: 15px; background-position: -52px -32px; position: absolute; top: 22px; left: 20px; z-index: 2; }
.y-kefu-box01 .mobile-infos .online1 { border-bottom: solid 1px #efefef; }
.y-kefu-box01 .mobile-infos span { color:#b9b9b9; }
.y-kefu-box01 .mobile-infos p { color: #3e4d8e; font-size: 18px; }
.right {
width: 12px;
height: 12px;
position: absolute;
right: -12px;
top: 24px;
}
.right-arrow1,
.right-arrow2 {
width: 0;
height: 0;
display: block;
position: absolute;
left: 0;
top: 0;
border-top: 6px transparent dashed;
border-right: 6px transparent dashed;
border-bottom: 6px transparent dashed;
border-left: 6px white solid;
overflow: hidden;
}
.right-arrow1 {
left: 1px;
border-left: 6px #efefef solid;
}
.right-arrow2 {
border-left: 6px white solid;
}
/*二维码*/
.y-kefu-box01 .y-ewm-box { width: 151px; height: 178px; top: -60px;}
.y-kefu-box01 .y-ewm-box>div { width: 151px; height: 178px; }
.y-kefu-box01 .y-ewm-box img { width: 94px; height: 94px; margin: 30px auto 10px; }
.y-kefu-box01 .y-ewm-box .y-ewm-img1 { width: 150px; border-right: solid 1px #efefef; }
.y-kefu-box01 .y-ewm-box .right { top: 84px; }
/*email*/
.y-kefu-box01 .y-email-infos { padding: 28px 20px 28px 45px; color:#b9b9b9; text-align: left; bottom: 0; }
.y-kefu-box01 .y-email-infos p { color: #3e4d8e; font-size: 16px; }
.y-kefu-box01 .y-email-infos>i { width: 18px; height: 13px; background-position: -52px -80px; position: absolute; left: 15px; top: 30px; }
.y-kefu-box01 .y-email-infos .right { top: 55px; }

.y-kefu-box01 .hide-status { width: 54px; height: 65px; background-color:#f55b1b;position: absolute; top: 37px; left: 55px; z-index: 9;}
.y-kefu-box01 .hide-status .kf-zixun { padding: 10px 0 7px; color: #fff; cursor: pointer; }

.page{ margin:0 auto; width:1200px}
.index_contact{ width: 100%; height: 120px; padding: 20px 0; background: #ffb300;background-color:#e21f18;background-image: -webkit-gradient(linear, 0 0, right 0, from(#e31f18), to(#3e4d8e)); }

.index_contact .col4 { float: left; margin-right: 110px; }

.index_contact .col4 *{ transition:0.3s all ease-in-out; }

.index_contact .col4:nth-child(3n) { margin-right: 0px; }

.index_contact .col4 strong { font-size: 20px; display: block; line-height: 35px; position: relative; color: #fff;padding-left: 65px;}

.index_contact .col4 strong .en { display: block; font-size: 13px; text-transform: capitalize; font-weight: 100; color: #fff; line-height: 20px; padding-top: 0px; }

.index_contact .col4 p { color: #fff; font-size: 20px; font-family: arial,microsoft yahei; display: block; line-height: 20px; padding: 15px 0 0; }

.index_contact .col4 p .small {display: block;color: #fff;font-size: 15px;line-height: 30px;}

.index_contact .col4 strong i { border-radius: 50%; width: 48px; height: 48px; border: 1px solid #fff; position: absolute; display: block; left: 0px; top: 2px; }

.index_contact .col4_1 strong i{ background: url(../images/116082258.png) no-repeat center -2px; }

.index_contact .col4_2 strong i{ background: url(../images/116082258.png) no-repeat center -2px; }

.index_contact .col4_3 strong i{ background: url(../images/116082258.png) no-repeat center -2px; }

.index_contact .col4.active p{ color: #fff; }

.index_contact .col4.active strong{ color: #fff; }
.index_contact .index_contact_btn { display: block; width: 170px; height: 60px; float: right; border: 1px solid #fff; text-align: center; line-height: 60px; font-size: 18px; font-weight: bold; color: #fff; padding-left: 35px; background: url(../images/1916369338.png) no-repeat 35px center; margin: 28px auto; position: relative; transition:0.3s all ease}
.index_contact .index_contact_btn:hover{ background-color: rgba(255,255,255,0.2); }

.w950{ width:900px; float:right;}
.w240{ width:280px; float:left;}

.proTa8{ font-weight:bold; font-size:16px; line-height:40px; height:40px;}